<template>
<div>
     <p class="title">
          <i></i>
          疫情地图
      </p>
  <div id="chinaMap"></div>
</div>
</template>

<script>
export default {
    name:"Map",
    data(){
        return{
            cityMapData:[]
        }
    },
    mounted(){
        this.$charts.chinaMap("chinaMap",this.cityMapData)
    }

}
</script>

<style scoped>
    #chinaMap{
        width: 100%;
        height: 400px;
    }
    .title{
    border-top: .005rem solid #ebebeb;
    font-size: 0.17rem;
    background: #fff;
    padding-left: 0.16rem;
    padding-top: 0.10rem;
    padding-bottom: 0.10rem;
}

.title i{
    display: inline-block;
    width: 0.04rem;
    height: 0.18rem;
    margin-right: 0.03rem;
    vertical-align: middle;
    background: #4169e2;
}
</style>